<!doctype html>
<html><!-- InstanceBegin template="D:\inm-yiming\Templates\moban1.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>inm-首页</title>
<!-- InstanceEndEditable -->
<link href="style.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-4.3.1.css" rel="stylesheet" type="text/css">
<!-- InstanceBeginEditable name="head" -->
<style>
    /* 倒计时样式 */
    #countdown {
        text-align: center;
        font-size: 24px;
        color: #ff6600;
        font-weight: bold;
        padding: 20px;
        background-color: #f8f9fa;
        border-radius: 5px;
        margin: 20px auto;
        max-width: 600px;
    }
    
    /* 弹窗样式 */
    .popup {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
        z-index: 1000;
        max-width: 400px;
        width: 90%;
    }
    
    .popup-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        z-index: 999;
    }
    
    .popup-close {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        font-size: 20px;
    }
</style>
<!-- InstanceEndEditable -->
</head>

<body>
<div class="container">
<div class="nav" style="text-align: left">
    <button type="button" class="btn btn-lg"><a href="index.html"><img src="images/logo.png" width="100" height="80" alt=""/></a></button>
    <li><a href="qyjs.html"><button type="button" class="btn btn-lg">企业介绍</button></a></li>
      <div class="btn-group">
       <li><a href="cpzs.html"> <button type="button" class="btn btn-lg">产品展示</button></a></li>
       <li> <button type="button" class="btn btn-lg dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="sr-only">Toggle Dropdown</span> </button>
        <div class="dropdown-menu">
          <h5 class="dropdown-header">产品分类：</h5>
          <a class="dropdown-item" href="#">新鲜乳品</a><a class="dropdown-item" href="#">现调饮品</a><a class="dropdown-item" href="#">烘焙现烤</a> <a class="dropdown-item" href="#">蛋糕西点</a><a class="dropdown-item" href="#">鲜食饭团</a><a class="dropdown-item" href="#">儿童零食</a>
          <div class="dropdown-divider"></div>
        </div></li>
    <form action="#" method="get">
        <input type="text" name="search" placeholder="请输入搜索内容">
        <input type="submit" value="搜索">
       <li><a href="cpgs.html"><button type="button" class="btn btn-lg">产品故事</button></a></li>
       <li><a href="wtfk.html"><button type="button" class="btn btn-lg">问题反馈</button></a></li>
       <li><button type="button" class="btn btn-lg">加入我们</button></li>
    </form>
  </div>
  <div class="content"><!-- InstanceBeginEditable name="content" -->
      <div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel" style="background-color: grey">
        <ol class="carousel-indicators">
          <li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li>
          <li data-target="#carouselExampleIndicators1" data-slide-to="1"></li>
          <li data-target="#carouselExampleIndicators1" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner" role="listbox">
          <div class="carousel-item active"><img src="images/banner1.jpg" width="1400" height="787" alt=""/>
            <div class="carousel-caption">
              <h3><strong>-牛奶配面包-</strong></h3>
              <h5>-早餐营养好-</h5>
            </div>
          </div>
          <div class="carousel-item"><img src="images/banner2.jpg" width="1400" height="787" alt=""/>
            <div class="carousel-caption">
              <h3><strong>-一鸣面包-</strong></h3>
              <h5>-零反式脂肪敢承诺-</h5>
            </div>
          </div>
          <div class="carousel-item"> <img src="images/banner3.jpg" width="1400" height="787" alt=""/>
            <div class="carousel-caption">
              <h3><strong>-一鸣鲜奶-</strong></h3>
              <h5>-创造新鲜健康生活-</h5>
            </div>
          </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleIndicators1" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div>
   <h2><br><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-一滴💧奶的诞生-<br><br></strong></h2>
      <table width="1400" border="0" cellspacing="30">
  <tbody>
    <tr>
      <td> <img src="images/index-milk1.jpg" width="700" height="574" alt=""/></td>
      <td><h1><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;01牧场资源丰富</strong></h1>
        <br><h5><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;从源头保证奶源质量：</strong><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拥有温州泰顺、常州鸣源两大生态牧场和几十个重点合作牧场。
          </h5></td>
    </tr>
    <tr>
      <td><h1><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;02自有现代工厂</strong></h1>
        <br><h5><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;专注乳品生产和研发：</strong><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拥有温州平阳、常州金坛、嘉兴平湖三大生产基地，<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;保证产品价格加工质量。
          </h5></td>
      <td> <img src="images/index-milk2.jpg" width="700" height="574" alt=""/></td>
    </tr>
    <tr>
      <td> <img src="images/index-milk3.jpg" width="700" height="574" alt=""/></td>
      <td><h1><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;03全程冷链配送</strong></h1>
        <br><h5><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;全程实现GPS跟踪：</strong><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;自建冷链物流，确保运输过程中产品的新鲜和安全。
          </h5></td>
    </tr>
   <tr>
      <td><h1><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;04标准门店管理</strong></h1>
        <br><h5><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;严格执行新鲜度管理：</strong><br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拥有2000多家一鸣真鲜奶吧，提供新鲜产品和服务
          </h5></td>
      <td> <img src="images/index-milk4.jpg" width="700" height="574" alt=""/></td>
    </tr>
  </tbody>
</table>

<div class="container-fluid">
    <br> <br> <h2><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-新闻资讯-<br><br></strong></h2>
      <div class="row">
        <div class="col-xl-3">
          <div class=""> <img src="images/index-xinwen1.jpg" width="318" height="180" alt=""/>
            <div class="card-body">
              <h5 class="card-title"><strong>感恩节快乐！一起来感受今日份开心</strong></h5>
              <p class="card-text"> |2024年11月28日 </p>
              <a href="#" class="btn btn-primary">立即前往</a> </div>
          </div>
        </div>
        <div class="col-xl-3"> <div class=""> <img src="images/index-xinwen2.jpg" width="318" height="180" alt=""/>
            <div class="card-body">
              <h5 class="card-title"><strong>一鸣亮相第二十一届中国国际农产品交易会</strong></h5>
              <p class="card-text">|2024年11月28日</p>
              <a href="#" class="btn btn-primary">立即前往</a> </div>
        </div></div>
        <div class="col-xl-3"> <div class=""> <img src="images/index-xinwen3.jpg" width="318" height="180" alt=""/>
            <div class="card-body">
              <h5 class="card-title"><strong>一鸣组织全体员工开展消防综合应急演练</strong></h5>
              <p class="card-text">|2024年11月23日</p>
              <a href="#" class="btn btn-primary">立即前往</a> </div>
        </div></div>
        <div class="col-xl-3"><div class=""> <img src="images/index-xinwen4.jpg" width="318" height="180" alt=""/>
            <div class="card-body">
              <h5 class="card-title"><strong>一鸣真鲜奶吧亮相浙江省农业博览会</strong></h5>
              <p class="card-text">|2024年11月22日</p>
              <a href="#" class="btn btn-primary">立即前往</a> </div>
        </div></div>
      </div>    
    </div>
    
    <!-- 倒计时容器 -->
    <div id="countdown"></div>
    
  <!-- InstanceEndEditable --></div>
  <div class="footer">版权©所有：231208011077陶佳慧</div>
</div>

<!-- 弹窗HTML -->
<div id="popup" class="popup">
    <span class="popup-close" id="popup-close">&times;</span>
    <h3>欢迎来到一鸣官网！</h3>
    <p>感谢您访问我们的网站，现在注册会员可享受8折优惠！</p>
    <button id="popup-register" class="btn btn-primary">立即注册</button>
    <button id="popup-cancel" class="btn btn-secondary">稍后再说</button>
</div>
<div id="popup-overlay" class="popup-overlay"></div>

<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.3.1.js"></script>
<script>
    // 倒计时功能
    window.onload = function() {
        // 设置目标时间 - 可以根据需要修改
        const targetDate = new Date("2025-12-31T23:59:59").getTime();
        
        // 更新倒计时的函数
        function updateCountdown() {
            const now = new Date().getTime();
            const distance = targetDate - now;
            
            // 时间计算
            const days = Math.floor(distance / (1000 * 60 * 60 * 24));
            const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            const seconds = Math.floor((distance % (1000 * 60)) / 1000);
            
            // 显示倒计时
            document.getElementById("countdown").innerHTML = 
                `<div class="bg-primary text-white p-3 rounded">
                    <strong>距离2026年还有:</strong> 
                    ${days}天 ${hours}小时 ${minutes}分钟 ${seconds}秒
                </div>`;
            
            // 如果倒计时结束，显示提示
            if (distance < 0) {
                clearInterval(countdownTimer);
                document.getElementById("countdown").innerHTML = 
                    `<div class="bg-success text-white p-3 rounded">
                        <strong>新年快乐！2026年已至！</strong>
                    </div>`;
            }
        }
        
        // 立即更新一次倒计时
        updateCountdown();
        
        // 每秒更新一次
        const countdownTimer = setInterval(updateCountdown, 1000);
        
        // 弹窗功能
        const popup = document.getElementById("popup");
        const popupOverlay = document.getElementById("popup-overlay");
        const closeBtn = document.getElementById("popup-close");
        const cancelBtn = document.getElementById("popup-cancel");
        const registerBtn = document.getElementById("popup-register");
        
        // 显示弹窗
        setTimeout(() => {
            popup.style.display = "block";
            popupOverlay.style.display = "block";
        }, 3000); // 页面加载后3秒显示弹窗
        
        // 关闭弹窗
        function closePopup() {
            popup.style.display = "none";
            popupOverlay.style.display = "none";
        }
        
        // 绑定关闭事件
        closeBtn.addEventListener("click", closePopup);
        cancelBtn.addEventListener("click", closePopup);
        popupOverlay.addEventListener("click", closePopup);
        
        // 注册按钮点击事件
        registerBtn.addEventListener("click", () => {
            alert("感谢您的注册！优惠码已发送至您的邮箱。");
            closePopup();
        });
    };
</script>
</body>
<!-- InstanceEnd --></html>